<template>
  <div class="rx-form">
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: "rx-form",
  provide() {
    return {
      form: this
    };
  },
  props: {
    labelWidth: {
      type: String,
      default: "4em"
    },
    contentWidth: {
      type: String,
      default: "20em"
    },
    top: {
      type: Boolean,
      default: false
    },
    labelAlign: {
      type: String,
      default: 'right'
    },
    inline:{
      type:Boolean,
      default:false
    }
  }
};
</script>

<style lang="scss">
.rx-form {
  &:before,
  &:after {
    display: table;
    content: "";
  }
  &:after {
    clear: both;
  }
}
</style>
